<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>consultantListregiTwo</title>
    <link rel="stylesheet" href="./css/consultantListregiTwo.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./js/layui/css/layui.css">
    <script src="./js/layui/layui.js"></script>
</head>

<body>
    <header class="header">
        <div class="page">
            <div class="header_nav">
                <div class="header_nav_left"><img src="./img/Component 111.png" alt=""></div>
                <div class="header_nav_right">
                    <div class="header_right_top">电话：123-123-123</div>
                    <div class="header_right_bottom">微信：1234567899</div>
                </div>
            </div>
        </div>
    </header>
    <nav class="nav">
        <div class="page">
            <div class="nav_main">
                <div class="nav_left">
                    <ul>
                        <li>
                            <a href="index.html"><span>主页</span></a>
                            <ul class="two_menu">
                                <a href="index.html">
                                    <li>公司简介</li>
                                </a>
                                <a href="counsel.html">
                                    <li>公司文化</li>
                                </a>
                                <a href="./1/index1.html">
                                    <li>荣誉责任</li>
                                </a>

                            </ul>
                        </li>
                        <li>
                            <a href="aboutus.html"><span class="about">关于我们</span></a>
                            <ul class="two_menu">
                                <a href="aboutus.html">
                                    <li>总体战略</li>
                                </a>
                                <a href="aboutusTwo.html">
                                    <li>核心业务</li>
                                </a>
                                <a href="aboutusFour.html">
                                    <li>服务体系</li>
                                </a>
                                <a href="aboutusSix.html">
                                    <li>客户群体</li>
                                </a>
                            </ul>
                        </li>
                        <li>
                            <a href="news.html"><span>资讯中心</span></a>
                            <ul class="two_menu">
                                <a href="./news.html">
                                    <li>公司新闻</li>
                                </a>
                                <a href="hotnews.html">
                                    <li>热点关注</li>
                                </a>
                                <a href="expertsblog.html">
                                    <li>专家博客</li>
                                </a>
                            </ul>
                        </li>
                        <li>
                            <a href="aboutusThree.html"><span>精英团队</span></a>
                            <ul class="two_menu">
                                <a href="aboutusThree.html">
                                    <li>公司领导</li>
                                </a>
                                <a href="aboutusFive.html">
                                    <li>业务团队</li>
                                </a>
                                <a href="aboutusSeven.html">
                                    <li>城市事业部</li>
                                </a>
                            </ul>
                        </li>
                        <li>
                            <a href="businessServer.html"> <span>业务与服务</span></a>
                            <ul class="two_menu">
                                <a href="businessServer.html">
                                    <li>管理咨询</li>
                                </a>
                                <a href="businessServer.html">
                                    <li>专业服务</li>
                                </a>
                                <a href="businessServer.html">
                                    <li>中国创业商学院</li>
                                </a>
                            </ul>
                        </li>
                        <li>
                            <a href=""><span>系统入口</span></a>
                            <ul class="two_menu">
                                <a href="companyLogin.html">
                                    <li>企业会员</li>
                                </a>
                                <a href="consultantLogin.html">
                                    <li>个人会员</li>
                                </a>
                                <a href="certification.html">
                                    <li>咨询师认证</li>
                                </a>
                                <a href="">
                                    <li>在线咨询</li>
                                </a>
                                <a href="">
                                    <li>管理体验</li>
                                </a>
                                <a href="">
                                    <li>公开课</li>
                                </a>
                                <a href="consultantList.html">
                                    <li>咨询师列表</li>
                                </a>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="nav_right">
                    <input class="nav_right_input" type="text" placeholder="请输入搜索内容">
                </div>
            </div>
        </div>
    </nav>
    <div class="main_top17">
        认证注册
    </div>
    <div class="main_middle17">
        <form action="" enctype="multipart/form-data" method="post">
            <div class="main_middle_one17"><span class="middle_one17">电话*</span><input id="phone22" type="text" placeholder="请输入手机号"></div>
            <div class="main_middle_two17"><span class="middle_two17">真实姓名*</span><input id="name22" type="text" placeholder="请输入真实姓名"></div>
            <div class="main_middle_three17">上传照片*
                <div class="zhaopian_box">
                    <img id="zhaopian" src="./img/userren.png" alt="">
                    <!-- <img id="zhaopian" src="./img/userren.png" alt=""> -->
                </div>
            </div>
            <div class="layout2"><span class="font11">个人简历*</span>
                <div class="show_pic_box2">
                    <img id="chooseImg" src="./img/jianli.png" alt="">
                    <div class="show_upload_img" id="show_upload_img">

                    </div>
                </div>
            </div>
            <div class="layout">
                <span class="font11">身份证*</span>
                <div class="layout_right">
                    <div class="show_pic_box">
                        <img id="chooseImg1" src="./img/shenfen.png" alt="">
                        <div class="show_upload_img1" id="show_upload_img1">

                        </div>
                        <p class="font66">（请上传身份证正反面）</p>
                    </div>
                </div>
            </div>
            <div class="layout3"><span class="font11">学位证*</span>
                <div class="show_pic_box3">
                    <img id="chooseImg3" src="./img/xuewei.png" alt="">
                    <div class="show_upload_img3" id="show_upload_img3">

                    </div>
                </div>
            </div>
            <div class="main_middle_five17">认证协议*<input type="checkbox" id="checked17"><a href="protocol.html"><span>（请勾选认证协议）</span></a></div>
            <div class="main_middle_six17">
                <button id="submit" type="button">提交审核</button>
                <p onclick="window.location = 'consultantLogin.html'">已有账号，去登录</p>
            </div>
            <input type="hidden" id="chooseUrl" value="">
            <input type="hidden" id="chooseUrl1" value="">
            <input type="hidden" id="chooseUrl3" value="">
            <input type="hidden" name="zhaopian" id="zhaopian_url" value="">
        </form>
    </div>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/consultantListregiTwo.js"></script>
    <script>
        layui.use(['upload', 'element', 'layer'], function() {
            var $ = layui.jquery,
                upload = layui.upload,
                element = layui.element,
                layer = layui.layer;
            //图像
            var uploadInst = upload.render({
                elem: '#zhaopian',
                url: 'http://192.168.8.109/home/login/testUpFile' //改成您自己的上传接口
                    ,

                before: function(obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result) {
                        $("#zhaopian").attr("src", result);
                        // $('#zhaopian').after($("<img  src='" + result + "' />")); //图片链接（base64）
                    });
                },
                // done: function(res) {
                //     var url = res.data.file;
                //     $("#zhaopian_url").val(url);
                // }
            })

            //个人简历
            var uploadInst = upload.render({
                    elem: '#chooseImg',
                    url: 'http://192.168.8.109/home/login/testUpFile' //改成您自己的上传接口
                        ,
                    before: function(obj) {
                        //预读本地文件示例，不支持ie8
                        obj.preview(function(index, file, result) {
                            $('#show_upload_img').html("");
                            $("#chooseUrl").val("")
                            $('#show_upload_img').append('<img src="' + result + '">')
                                //$('#show_upload_img2').after($("<img  src='" + result + "' />")); //图片链接（base64）
                        });
                    },
                    done: function(res) {
                        var url = res.data.file;
                        $("#chooseUrl").val(url);
                    }
                })
                //身份证
            upload.render({
                elem: '#chooseImg1',
                url: 'http://192.168.8.109/home/login/testUpFile' //改成您自己的上传接口
                    ,
                multiple: true,
                choose: function(obj) {
                    console.log(obj);
                    if (obj.resetFile.length >= 3) {
                        console.log(111);
                    }
                },
                before: function(obj) {
                    //预读本地文件示例，不支持ie8
                    var str = "";
                    obj.preview(function(index, file, result) {
                        $('#show_upload_img1').append('<img src="' + result + '">')
                    });
                    // console.log(str)
                },
                done: function(res) {
                    var chooseUrl = $("#chooseUrl1").val();
                    var url = res.data.file;
                    var newUrl = chooseUrl + '++' + url;
                    var resultUrl = jQuery.trim(newUrl, "++");
                    $("#chooseUrl1").val(resultUrl);
                    // console.log(res)
                    //上传完毕
                }
            });
            //学位证
            var uploadInst = upload.render({
                elem: '#chooseImg3',
                url: 'http://192.168.8.109/home/login/testUpFile' //改成您自己的上传接口
                    ,
                before: function(obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result) {
                        $('#show_upload_img3').html("");
                        $("#chooseUrl3").val("")
                        $('#show_upload_img3').append('<img src="' + result + '">')
                            //$('#show_upload_img2').after($("<img  src='" + result + "' />")); //图片链接（base64）
                    });
                },
                done: function(res) {
                    var url = res.data.file;
                    $("#chooseUrl3").val(url);
                }
            })

        })
    </script>
</body>

</html>